$(function () {
  /* 1.查询个人信息
     1.1 页面一加载发送ajax请求
     1.2 响应数据之后渲染到页面 
  */
  // console.log(BigNew);

  $.ajax({
    method: "GET",
    // 封装的请求路径
    url: BigNew.user_info,

    success: (res) => {
      // console.log(res);
      // 对象的解构，获取用户名和图片路径
      const { nickname, userPic } = res.data;
      // 获取用户名和图片路径
      /* const nickname = res.data.nickname;
      const userPic = res.data.userPic; */
      // console.log(nickname, userPic);
      $(".user_info span").text("欢迎，" + nickname);
      $(".user_info img , .user_center_link img").prop({ src: userPic });
    },
  });

  // 退出登录功能
  $(".logout").click(() => {
    // 删除本地存储，因为token携带了用户的标识，退出登录要删除用户标识
    localStorage.removeItem("token");
    // 跳转到登录页
    location.href = "./login.html";
  });

  // 左侧导航栏点击`a标签高亮效果`与`文章管理下拉效果
  $(".level01").click(function () {
    // 给当前点击的添加高亮
    $(this).addClass("active").siblings().removeClass("active");
    // 判断 level01 的下一个兄弟是level02 就显示下拉，小箭头旋转90度
    if ($(this).next().hasClass("level02")) {
      $(".level02").stop().slideToggle();
      $(".level01").find(".icon-arrowdownl").toggleClass("rotate0");
    } else {
      // 点击其他栏目时，下拉收起来，小箭头正常显示，下拉下面的li的高亮去除
      $(".level02").slideUp();
      $(".level02 li").removeClass("active");
      $(".level01").find(".icon-arrowdownl").removeClass("rotate0");
    }
  });

  // 文章管理下拉设置高亮
  $(".level02 li").click(function () {
    $(this).addClass("active").siblings().removeClass("active");
  });
});
